<template>
  <div class="home-container">
    <el-row type="flex" justify="center" align="middle" style="height: 100vh;">
      <el-col :span="12">
        <h1>欢迎使用充电站管理系统</h1>
        <el-button type="primary" @click="$router.push('/user')">个人中心</el-button>
        <el-button type="success" @click="$router.push('/orders')">充电服务</el-button>
        <el-button type="warning" @click="$router.push('/repair')">报修</el-button>
        <el-button type="info" @click="$router.push('/admin')" v-if="$store.state.role==='ADMIN'">管理后台</el-button>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'HomePage'
};
</script>

<style scoped>
.home-container { text-align: center; }
</style>
